import './assets/main.css'

import { createApp, version } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 如果您正在使用CDN引入，请删除下面一行。
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 测试用的
import emitter from './utils/emitter'

console.log(emitter)

import ksComp from 'v3-npm-package'
import 'v3-npm-package/dist/v3-npm-package.css'

import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';
// 额外引入图标库
import ArcoVueIcon from '@arco-design/web-vue/es/icon';

// 添加vue-flow css
import '@vue-flow/core/dist/style.css'
import '@vue-flow/core/dist/theme-default.css'
import '@vue-flow/minimap/dist/style.css'

import '@/styles/index.css'

const app = createApp(App)
console.log('Vue.version:', version)
console.log('console.log(app.config):',app.config)
app.use(createPinia())
app.use(router)
// app.use(ElementPlus)
app.use(ElementPlus, { size: 'small', zIndex: 3000 })
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

app.use(ksComp)
app.use(ArcoVue);
app.use(ArcoVueIcon);
app.mount('#app')
